.mobileHidden {
	display: none !important;
}

.navigationBar {
	font-size: 0;
	position: relative;
	width: 100%;
	z-index: 99;
}

.navigationBarContent {
	background-color: #392F5A;
	align-items: center;
	display: flex;
	height: fit-content;
	flex-grow: 1;
	gap: 0.75rem;
	justify-content: space-between;
	padding: min(1.5rem, 2.5vw) 0.5rem;
	width: 100%;
}

.navigationBarContentLogo {
	min-width: 50%;
	width: 60%;
}

.navigationBarContentLogo > img {
	max-height: 100%;
}

.navigationBarContentMenu {
	align-items: center;
	display: flex;
	gap: 0.5rem;
	justify-content: right;
	list-style-type: none;
	padding: 0;
}

.navigationBarContentMenuItem.hamburger > button {
	background-color: unset;
	border: none;
	cursor: pointer;
	height: 100%;
	max-height: 100px;
	outline: none;
	padding: 0;
	position: relative;
	width: 100%;
}

.navigationBarContentMenuItem.hamburger svg {
	fill: #FFFFFF;
	height: 100%;
	max-height: 100px;
	width: 100%;
}

.navigationBarContentMenuItem.about,
.navigationBarContentMenuItem.home,
.navigationBarContentMenuItem.search {
	display: none;
}

.navigationBarContentMenuItem a {
	color: #FFFFFF;
	cursor: pointer;
	font-family: 'Raleway-SemiBold';
	font-size: 1.1rem;
	outline: none;
	text-decoration: none;
	transition: color 0.2s linear;
}

.navigationBarContentMenuItem a:hover,
.navigationBarContentMenuItem a:focus {
	color: #FF752F;
}

.navigationBarContentMenuMobile {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0;
	margin-top: 0.5rem;
	padding: 0;
	position: absolute;
	width: 100%;
}

.navigationBarContentMenuMobile .navigationBarContentMenuItem {
	background-color: #392F5A;
	border-radius: 1rem;
	text-align: center;
	width: clamp(150px, 75%, 350px);
}

.navigationBarContentMenuMobile .navigationBarContentMenuItem a {
	display: inline-block;
	padding: 0.3rem;
	width: 100%;
}

.navigationBarContentMenuReviews {
	color: #FFFFFF;
	cursor: pointer;
	display: none;
	font-family: 'Raleway-SemiBold';
	font-size: 1.1rem;
	outline: none;
	position: relative;
	z-index: 99;
}

.navigationBarContentMenuReviews:hover .navigationBarContentMenuReviewsCountries,
.navigationBarContentMenuReviews:focus-within .navigationBarContentMenuReviewsCountries {
	height: unset;
	opacity: 1;
	padding: 0.5rem;
	width: unset;
}

.navigationBarContentMenuReviews a {
	color: #FFFFFF;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	transition: color 0.2s linear;
}

.navigationBarContentMenuReviews a:hover,
.navigationBarContentMenuReviews a:focus {
	color: #FF752F;
}

.navigationBarContentMenuReviewsCountries {
	background-color: #392F5A;
	border-radius: 0 0 0.5vw 0.5vw;
	box-shadow: 0 0.7vw 1.5vw 0.1vw #222222;
	height: 0;
	list-style-type: none;
	min-width: 9.5rem;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	transition: opacity 0.2s linear;
	width: 0;
	z-index: 99;
}

.navigationBarContentMenuReviewsCountries a {
	align-items: center;
	display: flex;
	gap: 0.4rem;
	line-height: 2.2rem;
}

.navigationBarContentMenuReviewsCountriesFlag {
	max-width: 15%;
}

.navigationBarContentMenuSearch {
	background-color: unset;
	border: 1px solid #FFFFFF;
	border-radius: 0.3rem;
	color: #FFFFFF;
	font-family: 'Raleway-Regular';
	font-size: 0.9rem;
	height: 1.56rem;
	outline: none;
	padding-left: 0.3rem;
	transition: background-color 0.2s linear;
	width: 11rem;
}

.navigationBarContentMenuSearch:focus {
	background-color: #5e4e92;
}

.navigationBarLanguage {
	align-content: center;
	border: 0.1rem solid #FFFFFF;
	border-radius: 0.5rem;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.navigationBarLanguage:hover > button,
.navigationBarLanguage:focus-within > button {
	display: flex !important;
}

.navigationBarLanguageOptions {
	align-items: center;
	background-color: unset;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: none;
	font-family: 'Raleway-SemiBold';
	font-size: 1.25rem;
	padding: 0.15rem 0.5rem;
	order: 2;
}

.navigationBarLanguageOptions:hover,
.navigationBarLanguageOptions:focus {
	color: #CCCCCC;
	outline: none;
}

.navigationBarLanguageOptions.selectedLanguage {
	display: flex;
	order: 1;
}

@media only all and (min-width: 600px) {
	.navigationBar {
		background-color: #392F5A;
		display: flex;
		height: 8.5rem;
		padding: 1.5rem 2rem;
		position: absolute;
		top: 0;
	}

	.navigationBarContent {
		background-color: unset;
		flex-direction: column;
		height: unset;
		padding: 0;
	}

	.navigationBarContentLogo {
		height: calc(100% - 1.56rem - 0.75rem);
		min-width: unset;
		width: unset;
	}

	.navigationBarContentMenu {
		align-items: unset;
		display: flex;
		gap: 1.2rem;
		justify-content: unset;
	}

	.navigationBarContentMenuItem.hamburger svg {
		display: none;
	}

	.navigationBarContentMenuItem.language {
		height: 1.56rem;
	}

	.navigationBarContentMenuItem.about,
	.navigationBarContentMenuItem.home,
	.navigationBarContentMenuItem.search {
		display: unset;
	}

	.navigationBarContentMenuMobile {
		display: none;
	}

	.navigationBarContentMenuReviews {
		display: unset;
	}

	.navigationBarLanguage {
		border-radius: 0.3rem;
	}

	.navigationBarLanguageOptions {
		font-size: 0.9rem;
	}
}

@media only all and (min-width: 900px) {
	.navigationBar {
		padding: 2rem;
	}

	.navigationBarContent {
		flex-direction: unset;
		gap: unset;
	}

	.navigationBarContentLogo {
		height: 100%;
	}
}

@media only all and (min-width: 1440px) {
	nav {
		height: 7.083vw;
		top: -7.083vw;
	}

	.navigation a, #navigationReviews {
		font-size: 1vw;
		line-height: 2vw;
	}

	#navigationContent {
		height: 2vw;
		margin-right: 5vw;
		top: calc(5.083vw / 2);
	}

	.navigationElement img {
		height: 4vw;
		margin-top: calc(3.083vw / 2);
	}

	#navigationReviews {
		width: 5.3vw;
	}

	.navigationReviewsDropdown {
		border-radius: 0vw 0vw 0.4vw 0.4vw;
		box-shadow: 0vw 0.5vw 1.2vw 0.1vw #222222;
		padding: 0.3vw;
	}

	.navigationReviewsDropdownElement {
		padding-left: 0.1vw;
		padding-right: 0.1vw;
		width: 8.3vw;
	}
}